<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 块元素对语义进行布局  -->
    <!-- 结构化的标签  -->
    <title>Document</title>
    <!-- 以下都是可用可不用  -->
    <!-- header 头部 -->
    <!-- main表示网页的主体部分 -->
    <!-- main一个网页只有一个 -->
    <!-- footer 网页的底部  -->
    <!-- 相当于上中下  -->
    <!-- 既可以表示整个网页 也可以表示网页中的一个部分的头部 整体 底部  -->
    <!-- nav 网页中的导航  指示方向的变迁 -->
    <!-- aside 表示和主体相关的其他内容  侧边栏 -->
    <!-- article 一个独立的文章 -->
    <!-- 显示效果一样 只是分区块表示语义 -->
    <!-- 关注语义不要关注样式 -->
    <!-- 每一个独立的文章都可以用article来表示 -->
    <!-- section 一个独立的区块 上面都不能表示时用section  -->
    <!-- 了解即可  -->
    <!-- 干货 -->
    <!-- div没有语义 就用来表示区块   可以代替上面所有  草-->
    <!-- span 行内元素 一般用于选用文字 -->
</head>
<body>
    
</body>
</html>